import React from 'react'
import SideMenu from '../../components/sandbox/SideMenu'
import TopHeader from '../../components/sandbox/TopHeader'
import NewsRoute from '../../components/sandbox/NewsRoute'
import './NewsSandBox.css'

import {Layout} from 'antd'

const { Content } = Layout
const NewsSandBox = (props) => {
    return (
        <Layout>
            {/* 左侧导航栏 */}
            <SideMenu></SideMenu>
            {/* 第二层Layout */}
            <Layout className="site-layout">
                {/* 头部组件 */}
                <TopHeader></TopHeader>
                {/* 内容组件 */}
                <Content
                    className="site-layout-background"
                    style={{
                    margin: '24px 16px',
                    padding: 24,
                    minHeight: 280,
                    overflow: 'auto'
                    }}
                 >
                <NewsRoute></NewsRoute>
                </Content>
            </Layout>
        </Layout>
    );
};

export default NewsSandBox;